.login-container {
    background-image: url("../../assets/images/bg.jpg");
    background-position: center;
    background-size: cover;
}
.glass-bg {
    width: 280px;
    height: 360px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px) brightness(1.5);
    border-radius: 10px;
}

.glass-line::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 2px solid #ed1313;
    animation: clipPath 3s infinite linear;
}
.glass-line::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 2px solid #b8eec6;
    animation: clipPath1 3s infinite linear;
}
.login-title::after {
    content: '欢迎来到光伏综合管理系统';
    color: black;
    position: absolute;
    left: 0;
    transform: translate(-7px, 6px) scaleY(0.5) skew(36deg);
    -webkit-filter: blur(1px);
    -webkit-mask-image: linear-gradient(transparent, black);
    z-index: -1;
}


ion-input.custom {
    --background: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #f5f5f5;
}

@keyframes clipPath {

    0%,
    100% {
        clip-path: inset(0 90% 0 0);
    }

    25% {
        clip-path: inset(0 0 90% 0);
    }

    50% {
        clip-path: inset(0 0 0 90%);
    }

    75% {
        clip-path: inset(90% 0 0 0);
    }
}

@keyframes clipPath1 {

    0%,
    100% {
        clip-path: inset(0 0 0 90%);
    }

    25% {
        clip-path: inset(90% 0 0 0);
    }

    50% {
        clip-path: inset(0 90% 0 0);
    }

    75% {
        clip-path: inset(0 0 90% 0);
    }
}